@charset "utf-8";
/* CSS Document */

* { 
	margin: 0px;
	padding: 0px;
}

.clr { 
	clear: both;
}




.main {
	width: 100%;
	margin: 0px auto;
}


.top {
	display:block;
	width: 100%;
	height: 50px;
		
}

.top .acount {
	float: right;
	width: 200px;
	padding-top: 8px;
}

.top .acount div {
	float: left;
	color: #B3ADAD;
	padding: 0 5px 0 0px;
}

.top .acount a{
	float: left;
	display: block;
	padding: 0 5px 10px 5px;
	text-decoration:none;
}

.line {
	width: 100%;
	height: 5px;
    display: block;
    clear: both;
    text-align: center;	
    background: url(../images/end.png) repeat-x;
}


.header{
	display: block;
    clear: both;
    padding-top: 5px;
    text-align: center;
}

.header .info{
	clear: both;
    margin: auto;
    padding-bottom: 20px;
    text-align: left;
    max-width:1170px;
    width: 97%;
}

.header .info ul{}

.header .info li{
 	background: url(../images/service-icon.png) left top no-repeat;
    float: left;
    width: 21%;
    padding-left:40px;
    height: 40px;
	list-style:none;
}

.header .info li.worktime{
	background-position:0 7px;
}

.header .info li.shipping{
	background-position:0 -82px;
}

.header .info li.hotline{
	background-position:0 -240px;
}

.header .info li.moneyback{
	background-position:0 -330px;
}

.header .info li p{
	font-size: 16px;
    font-weight: 400;
    clear: both;
    text-transform: uppercase;
}

.header .info li span{
    clear: both;
    display: block;
    font-size: 14px;
}

.header .bottom {
 	display: block;
    clear: both;
    max-width:1170px;
    width: 97%;
    margin: auto;
    padding-top:5px;
}

.header .bottom #logo{
	float: left;
    width: 200px;
	height:auto;
	color:#000000;
    text-align: left;
}

.header .bottom .search-block{
	width: 60%;
    float: left;
    text-align: center;
    padding-top:12px;
}


.search-block .search-form{
    margin: auto;
    width: 400px;
    text-align: left;
	
}
.search-block .search-form .input{
    background:url(../images/bg-text-search.png) left top no-repeat;
    width: 300px;
    height: 42px;
    border:0;
    float: left;
    font-size: 14px;
    padding:0 10px;
}
.search-block .search-form .button{
    background:url(../images/search-button.png) no-repeat;
    width:42px;
    height: 42px;
    border:0;
    font-size: 0;
    z-index: -9999;
    float: left;
    cursor: pointer;
}



.header .nav-container{
    background:url(../images/bg-menu.png) left top repeat-x;
    display: block;
    clear: both;
    height: 54px;
    text-align: center;
}

.nav-container .nav-menu{
    /*max-width:1170px;*/
    width: 97%;
    margin: auto;
}

.nav-container .nav-menu ul.level1{
    width: auto;
}

.nav-container .nav-menu ul.level1 li{
    display: inline-block;
    width: auto;
    position: relative;
}

.nav-container .nav-menu a{
    display: block;
    line-height: 54px;
    color: #fff;
    font-size:20px;
    padding: 0 25px;
    font-size: 14px;
    font-weight: 400;
	text-decoration:none;
}

.nav-container .nav-menu a.active{
    background-color:#61aedb;
}
.nav-container .nav-menu a:hover{
    background-color:#61aedb;
}


.ddsubmenustyle, .ddsubmenustyle div {
        /*topmost and sub DIVs, respectively*/
    font: normal 14px Verdana;
    margin: 2px;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: white;
    border-bottom-width: 0;
    visibility: hidden;
    z-index: 100;
}

.ddsubmenustyle ul {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    border: 0px none;
}

.ddsubmenustyle li a {
    display: block;
    width: 200px;
        /*width of menu (not including side paddings)*/
    color: #FFFFFF;
    background-color: #61aedb;
    text-decoration: none;
    padding: 10px 5px;
}

* html .ddsubmenustyle li {
        /*IE6 CSS hack*/
    display: inline-block;
    width: 170px;
	margin: 2px;
        /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover {
    background-color: #FF6600;
    color: white;
}

.downarrowpointer {
        /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
}

.rightarrowpointer {
        /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
}

.ddiframeshim {
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
}





























